<template>
    <div>
        <Mymodel />
    </div>
</template>

<script>
// <Teleport> 这是 vue 内置的一个组件, 可以实现传送门效果
// 改变dom 的层级结构, 一般常用语将模态框从层级较深的dom 结构位置, 传送到body元素下

// Teleport 组件有一个 to 属性, 值为 要传送到你那一个dom 下
// <Teleport> 接收一个 to prop 来指定传送的目标。
// to 的值可以是一个 CSS 选择器字符串，也可以是一个 DOM 元素对象。
// 这段代码的作用就是告诉 Vue“把以下模板片段传送到 body 标签下”。

// 引入模态框组件
import Mymodel from '@/components/Mymodel.vue';

export default {
    data() {
        return {
        }
    },
    components: {
        Mymodel
    }
}
</script>
<style scoped></style>